<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cat Club an animals and pets Category Bootstrap responsive Website Template | Icons :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Cat Club Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- font -->
<link href='//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<style type="text/css">
<!--
.STYLE1 {
	font-family: "微软雅黑 Light";
	font-weight: bold;
}
.STYLE2 {font-family: "微软雅黑 Light"}
-->
</style>
</head>
<body>
	<!-- banner -->
	<div class="banner about-banner">
		<div class="header about-header">
			<div class="container">
				<div class="header-left">
					<div class="w3layouts-logo">
						<h1>
							<a href="index.html">哈几米<span>乐园</span></a>
						</h1>
					</div>
				</div>
				<div class="header-right">
					<div class="top-nav">
						<nav class="navbar navbar-default">
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li><a href="index.html">主页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li class=""><a href="#" class="dropdown-toggle hvr-bounce-to-bottom active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">成长<span class="caret"></span></a>
										<ul class="dropdown-menu">
											<li><a class="hvr-bounce-to-bottom active" href="icons.html">阶段</a></li>
											<li><a class="hvr-bounce-to-bottom" href="typography.html">喂养</a></li>          
										</ul>
									</li>								
									<li><a href="gallery.html">种类</a></li>
									<li><a href="blog.html">好物</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>	
								<div class="clearfix"> </div>
							</div>	
						</nav>		
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<div class="about-heading">	
			<div class="container">
				<h2>阶段</h2>
			</div>
		</div>
	</div>
	<!-- //banner -->
	<!-- icons -->
<div class="codes icons main-grid-border">
  <table width=100% border="0" align="center">
    <tr>
      <td width="638" height="263"><div align="center"><img src="images/g6.jpg" width: 30% height=auto></div></td>
      <td width="638"><div align="center"><img src="images/b1.jpg" width: 30% height=auto></div></td>
      <td width="80"><div align="center"><img src="images/g3.jpg" width: 30% height=auto></div></td>
    </tr>
    <tr>
      <td><div align="center" class="STYLE1">幼猫期：0-6个月</div></td>
      <td><div align="center" class="STYLE1">少年猫：8个月-2岁</div></td>
      <td><div align="center" class="STYLE1">青年猫：3-6岁</div></td>
    </tr>
    <tr>
      <td><span class="STYLE2">猫咪刚出生的时候，眼睛还没睁开，也不会走路。它们靠吮吸猫妈妈的奶水生存，每天的睡眠时间也是非常长的，可长达20小时以上。</span></td>
      <td><span class="STYLE2">这个阶段的猫咪，发育成熟，体重也开始稳定。它们身姿矫健，每天都到处玩耍，模拟捕猎游戏，有时还会找主人玩耍一起玩耍。</span></td>
      <td><span class="STYLE2">这个阶段的猫咪，开始慢慢懂事起来，也知道不能随意搞破坏。但这时它的精力还是很旺盛的，还是很爱玩耍。</span></td>
    </tr>
    <tr>
      <td><img src="images/3.jpg" width: 30% height=auto></td>
      <td><img src="images/g4.jpg" width: 30% height=auto></td>
      <td><img src="images/g2.jpg" width: 30% height=auto></td>
    </tr>
    <tr>
      <td><div align="center" class="STYLE1"><span class="STYLE1">中年猫：7-10岁</span></td>
      <td><div align="center" class="STYLE1"><strong>老年猫：11-14岁</strong></td>
      <td><div align="center" class="STYLE1"><strong>高龄猫：15+</strong></td>
    </tr>
    <tr>
      <td><span class="STYLE2">这个阶段的猫咪，身体和精力开始下降，没有以往那么活跃好动，也会乖乖地待在主人身边不会乱拆家。猫咪的心智也是相当成熟。但它的食欲也开始下降，食量明显比以前少了，每天只想懒洋洋地趴在床上睡觉。</span></td>
      <td><span class="STYLE2">老年猫身体比较差，建议主人每年带它做两次身体检查。</span></td>
      <td>能到达这个年纪的猫咪，已是高寿了，猫咪的身体各方面都大不如前，猫咪的生命进入了倒计时。主人这时一定要更要花心思在照顾上.</td>
    </tr>
  </table>
</div>
	<!-- //icons -->
	<!-- footer -->
	<footer>
		<div class="container">
			<div class="agileits-w3layouts-footer-grids">
				<div class="col-md-4 footer-left">
					<h3>
						<a href="index.html">哈几米 <span>乐园</span></a>
					</h3>
					<div class="footer-social-grids">
					</div>
				</div>
				<div class="col-md-4 footer-left">
					<h4>导航</h4>
					<div class="col-md-6 footer-grid-left">
						<ul>
							<li><a class="active" href="index.html">主页</a></li>
							<li><a href="about.html">关于我们</a></li>								
							<li><a href="gallery.html">种类</a></li>
							<li><a href="icons.html">阶段</a></li>
						</ul>
					</div>
					<div class="col-md-6 footer-grid-left">
						<ul>
							<li><a href="typography.html">喂养</a></li>
							<li><a href="blog.html">好物</a></li>
							<li><a href="contact.html">联系</a></li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 footer-left">
					<h4>查询本站</h4>
					<p>请输入关键词</p>
					<form action="#" method="post">
						<input type="email" placeholder="" name="" required="">
						<button class="btn1">查询</button>
					</form>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</footer>
	<!-- footer -->
	<!-- copyright -->
	<div class="copyright">
		<div class="container">
			<p>© 2023 哈几米乐园 . All rights reserved | Design by 焦作  熊荟琳  刘双双</a></p>
		</div>
	</div>
	</div>
	<!-- //copyright -->
	<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>	
</html>